<!doctype html>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="">
<html class="no-js lt-ie9 lt-ie8" lang="">
<html class="no-js lt-ie9" lang="">


<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>采购员</title>
    <meta name="description" content="Sufee Admin - HTML5 Admin Template">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="apple-touch-icon" href="apple-icon.png">
    <link rel="shortcut icon" href="favicon.ico">

    <link rel="stylesheet" href="../../plugins/mb/vendors/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../plugins/mb/vendors/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../plugins/mb/assets/css/style.css">

</head>

<body>
    <div id="app" style="position:absolute;width: 900px">

    <aside id="left-panel" class="left-panel" >
            <nav class="navbar navbar-expand-sm navbar-default" style="width: 200px">

                <div class="navbar-header">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand" href="./"><img src="../../images/login/logo5.png" alt="Logo"></a>
                    <a class="navbar-brand hidden" href="./"><img src="images/logo2.png" alt="Logo"></a>
                </div>

                <div id="main-menu" class="main-menu collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <h3 class="menu-title">信息</h3><!-- /.menu-title -->
                        <li class="menu-item-has-children dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-laptop"></i>个人信息</a>
                            <ul class="sub-menu children dropdown-menu">
                                <li><i class="fa fa-puzzle-piece"></i><a href="ui-buttons.html" @click="clickUrl(a)">查看个人信息</a></li>
                                <li><i class="fa fa-id-badge" ></i></i><a @click="clickUrl(a)">修改个人信息</a></li>
                            </ul>
                        </li>

                        <h3 class="menu-title">管理</h3><!-- /.menu-title -->

                        <li class="menu-item-has-children dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-tasks"></i>原食材料管理</a>
                            <ul class="sub-menu children dropdown-menu">
                                <li><i class="menu-icon fa fa-fort-awesome"></i><a href="font-fontawesome.html">原材料出入库处理</a></li>
                                <li><i class="menu-icon fa-fort-awesome"></i><a href="font-themify.html">原材料采购管理</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </nav>
        </aside><!-- /#left-panel -->

    <div id="right-panel" class="right-panel" >
            <!-- Header-->
            <header id="header" class="header">

                <div class="header-menu">

                    <div class="col-sm-7">
<!--                        <a id="menuToggle" class="menutoggle pull-left"><i class="fa fa fa-tasks"></i></a>-->
                        <div class="header-left">
                            <div class="dropdown for-notification">
                                <button class="btn btn-secondary dropdown-toggle" type="button" id="notification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="fa fa-bell"></i>
                                    <span class="count bg-danger">5</span>
                                </button>
                                <div class="dropdown-menu" aria-labelledby="notification">
                                    <p class="red">You have 3 Notification</p>
                                    <a class="dropdown-item media bg-flat-color-1" href="#">
                                    <i class="fa fa-check"></i>
                                    <p>Server #1 overloaded.</p>
                                </a>
                                    <a class="dropdown-item media bg-flat-color-4" href="#">
                                    <i class="fa fa-info"></i>
                                    <p>Server #2 overloaded.</p>
                                </a>
                                    <a class="dropdown-item media bg-flat-color-5" href="#">
                                    <i class="fa fa-warning"></i>
                                    <p>Server #3 overloaded.</p>
                                </a>
                                </div>
                            </div>

                            <div class="dropdown for-message">
                                <button class="btn btn-secondary dropdown-toggle" type="button"
                                    id="message"
                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="ti-email"></i>
                                    <span class="count bg-primary">9</span>
                                </button>
                                <div class="dropdown-menu" aria-labelledby="message">
                                    <p class="red">You have 4 Mails</p>
                                    <a class="dropdown-item media bg-flat-color-1" href="#">
                                    <span class="photo media-left"><img alt="avatar" src="images/avatar/1.jpg"></span>
                                    <span class="message media-body">
                                        <span class="name float-left">Jonathan Smith</span>
                                        <span class="time float-right">Just now</span>
                                            <p>Hello, this is an example msg</p>
                                    </span>
                                </a>
                                    <a class="dropdown-item media bg-flat-color-4" href="#">
                                    <span class="photo media-left"><img alt="avatar" src="images/avatar/2.jpg"></span>
                                    <span class="message media-body">
                                        <span class="name float-left">Jack Sanders</span>
                                        <span class="time float-right">5 minutes ago</span>
                                            <p>Lorem ipsum dolor sit amet, consectetur</p>
                                    </span>
                                </a>
                                    <a class="dropdown-item media bg-flat-color-5" href="#">
                                    <span class="photo media-left"><img alt="avatar" src="images/avatar/3.jpg"></span>
                                    <span class="message media-body">
                                        <span class="name float-left">Cheryl Wheeler</span>
                                        <span class="time float-right">10 minutes ago</span>
                                            <p>Hello, this is an example msg</p>
                                    </span>
                                </a>
                                    <a class="dropdown-item media bg-flat-color-3" href="#">
                                    <span class="photo media-left"><img alt="avatar" src="images/avatar/4.jpg"></span>
                                    <span class="message media-body">
                                        <span class="name float-left">Rachel Santos</span>
                                        <span class="time float-right">15 minutes ago</span>
                                            <p>Lorem ipsum dolor sit amet, consectetur</p>
                                    </span>
                                </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-5">
                        <div class="user-area dropdown float-right">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img class="user-avatar rounded-circle" src="../../images/beijin.png"/>
                            </a>

                            <div class="user-menu dropdown-menu">
                                <a class="nav-link" href="#"><i class="fa fa-user"></i> My Profile</a>

                                <a class="nav-link" href="#"><i class="fa fa-user"></i> Notifications <span class="count">13</span></a>

                                <a class="nav-link" href="#"><i class="fa fa-cog"></i> Settings</a>

                                <a class="nav-link" href="#"><i class="fa fa-power-off"></i> Logout</a>
                            </div>
                        </div>

                        <div class="language-select dropdown" id="language-select">
                            <a class="dropdown-toggle" href="#" data-toggle="dropdown"  id="language" aria-haspopup="true" aria-expanded="true">
                                <i class="flag-icon flag-icon-us"></i>
                            </a>
                            <div class="dropdown-menu" aria-labelledby="language">
                                <div class="dropdown-item">
                                    <span class="flag-icon flag-icon-fr"></span>
                                </div>
                                <div class="dropdown-item">
                                    <i class="flag-icon flag-icon-es"></i>
                                </div>
                                <div class="dropdown-item">
                                    <i class="flag-icon flag-icon-us"></i>
                                </div>
                                <div class="dropdown-item">
                                    <i class="flag-icon flag-icon-it"></i>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </header ><!-- /header -->

            <div class="breadcrumbs">
                <div class="col-sm-4">
                    <div class="page-header float-left">
                        <div class="page-title">
                            <h1>Dashboard</h1>
                        </div>
                    </div>
                </div>
                <div class="col-sm-8">
                    <div class="page-header float-right">
                        <div class="page-title">
                            <ol class="breadcrumb text-right">
                                <li><a href="#">Dashboard</a></li>
                                <li><a href="#">Charts</a></li>
                                <li class="active">Float Chart</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content mt-3">
                <div class="animated fadeIn">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card" style="height: 700px;width: 1350px">
                                <div class="card-header">
                                    <strong class="card-title">Data Table</strong>
                                </div>
                                <div class="card-body">
                                    <iframe
                                            :src="iframeUrl"
                                            frameborder="0"
                                            name="iframe0"
                                            width="100%"
                                            height="100%"
                                    ></iframe>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../plugins/mb/vendors/jquery/dist/jquery.min.js"></script>
    <script src="../../plugins/mb/vendors/popper.js/dist/umd/popper.min.js"></script>
    <script src="../../plugins/mb/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../plugins/mb/assets/js/main.js"></script>
    <script src="../../plugins/mb/vendors/flot/excanvas.min.js"></script>
    <script src="../../plugins/mb/vendors/flot/jquery.flot.js"></script>
    <script src="../../plugins/mb/vendors/flot/jquery.flot.pie.js"></script>
    <script src="../../plugins/mb/vendors/flot/jquery.flot.time.js"></script>
    <script src="../../plugins/mb/vendors/flot/jquery.flot.stack.js"></script>
    <script src="../../plugins/mb/vendors/flot/jquery.flot.resize.js"></script>
    <script src="../../plugins/mb/vendors/flot/jquery.flot.crosshair.js"></script>
    <script src="../../plugins/mb/assets/js/init-scripts/flot-chart/curvedLines.js"></script>
    <script src="../../plugins/mb/assets/js/init-scripts/flot-chart/flot-tooltip/jquery.flot.tooltip.min.js"></script>
    <script src="../../plugins/mb/assets/js/init-scripts/flot-chart/flot-chart-init.js"></script>


    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="../../plugins/vue/vue.js"></script>
    <!-- 引入组件库 -->
    <script src="../../plugins/element-ui/index.js"></script>
    <!-- 引入axios -->
    <script src="../../plugins/axios/axios.min.js"></script>

    <script>
        new Vue({
            el: "#app",
            data: {
                adminInfo:{},   //用户信息
                infoName:'欢迎界面',   //标题
                iframeUrl:'list/welcome.html',

            },
            created() {
                const adminInfo = window.localStorage.getItem('adminInfo')
                console.log("adminInfo:::"+adminInfo)
                if (adminInfo) {
                    this.adminInfo = JSON.parse(adminInfo)
                }
                console.log("adminInfo:::"+adminInfo)
            },
            mounted() {
                window.clickUrl = this.clickUrl
            },
            methods: {
                handleClick(tab, event) {
                    console.log(tab, event);
                },

                loginOut(){
                    window.location.href='../login/login_admin.html';

                },

                UpdatePersonal(){
                    this.infoName='修改个人信息'
                    this.iframeUrl='list/adminUpdate.html'
                },
                clickUrl(index){
                    if (index=="a"){
                        this.infoName='管理员账号'
                        this.iframeUrl='list/adminList.html'
                    }else if (index=="b"){
                        this.infoName='修改个人信息'
                        this.iframeUrl='list/purchaseUpdate.html'
                    }else if (index=="11"){
                        this.infoName='采购员账号'
                        this.iframeUrl='list/purchaseList.html'
                    }else if (index=="3"){
                        this.infoName='分类'
                        this.iframeUrl='list/typeList.html'
                    }else if (index=="4"){
                        this.infoName='菜品'
                        this.iframeUrl='list/cuisineList.html'
                    }else if (index=="5"){
                        this.infoName='运营推广'
                        this.iframeUrl='list/news1List.html'
                    }else if (index=="6"){
                        this.infoName='热点洞察'
                        this.iframeUrl='list/news2List.html'
                    }else if (index=="7"){
                        this.infoName='餐桌信息'
                        this.iframeUrl='list/tableList.html'
                    }else if (index=="8"){
                        this.infoName='餐桌预定信息'
                        this.iframeUrl='list/scheduleTableList.html'
                    }else if (index=="11"){
                        this.infoName='订单表'
                        this.iframeUrl='list/ordersList.html'
                    }else if (index=="12"){
                        this.infoName='订单明细表'
                        this.iframeUrl='list/orderDetailList.html'
                    }
                },

            }
        })
    </script>
</body>

</html>
